{% extends "common/vacation_base.html" %}

{% block title %}酒店房型{% endblock %}
{% block css_ex %}
    <!-- build:css(.tmp) css/hotel/hotel_room.css -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='mobile/css/hotel/hotel_room.css') }}">
    <!-- endbuild -->
{% endblock %}

{% block app_header %}
    <script>
        {% if not is_breadtrip %}
        // App 显示底部navigation bar
        var btShowBottomBar = 'YES';
        // System
        var breadtripBannerTitle = '酒店房型';
        var activityName = '酒店房型';
        // Display share button or not
        var shrFlag = 0;
        // Display back button or not
        var goBackFlag = true;
        {% else %}
        // App 显示底部navigation bar
        var bt_show_bottom_bar = 'YES';

        // System
        var breadtrip_banner_title = '酒店房型';
        var activity_name = '酒店房型';

        // Display share button or not
        var shr_flag = 0;
        var cnl_webview = 1;
        var disable_back = 1;
        {% endif %}
    </script>
{% endblock %}

{% block content %}
    {% if product['images']|length > 0 %}
    <header style="background-image: url({{ product['images'][0] }});">
    </header>
    {% endif %}
    <section>
        <h3>{{ product.room_name }}</h3>
        <ul class="facility">
        {% for facility in hotel.hotel.facilities %}
            <li>{{ facility }}</li>
        {% endfor %}
        </ul>
        {% if product.room_desc %}
        <h3>房型介绍</h3>
        <p>{{ product.room_desc | safe }}</p>
        {% endif %}
    </section>
    <ul class="hotel-bottom diff" style="width:101% !important;">
        <li><p><span><em>¥</em>{{ (product.average_price | float | round(0) | int) }}</span></p></li>
        <li><a href='{{ book_url }}'>立即预订</a></li>
    </ul>
{% endblock %}

{# 不加载swipe组件 #}
{% block js_swipe %}{% endblock %}

{# 不加载zepto touch组件 #}
{% block js_touch %}{% endblock %}

{% block js_ex %}
{% endblock %}

